@charset "utf-8";
.top{background-color: #fff;}
.top-index{background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, .1); position: absolute; left: 0; right: 0; top: 0; z-index: 2;}
.top .logo, .top .logo img{display: block; width: 140px; height: 45px;}
.top .nav-button{display: none;}
.top .nav>div{position: relative;}
.top .a{padding: 0 5px; margin: 0 11px; height: 70px; /*white-space: nowrap;*/ line-height: 70px; border-bottom: 4px solid rgba(0, 0, 0, 0); color: #999; display: block;}
.top-index .a{border-bottom: 2px solid rgba(0, 0, 0, 0); color: rgba(255, 255, 255, .5);}
.top .a.current,.top .a:hover{color: #4E5FDD; font-weight: bold; border-bottom-color: #4E5FDD;}
.top-index .a.current,.top-index .a:hover{color: #fff; border-bottom-color: #fff;}
.top .sub-nav{position: absolute; left: -11px; right: -11px; top: 70px; background-color: #fff; padding: 26px 0 1px; transform: translateY(10px) translateX(-50%); opacity: 0; visibility: hidden; transition: all 0.56s;z-index: 100;}
.top .nav>div:hover .sub-nav{visibility: visible; opacity: 1; transform: translateY(0) translateX(0);}
.top .sub-nav a{display: block; padding-left: 30px; margin-bottom: 26px; line-height: 1; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.top .hot-line{color: #4E5FDD; /*white-space: nowrap;*/ margin-left: 10px; height: 70px; font-size: 18px; font-family: 'Arial'; font-weight: bold; padding: 0 11px 0 64px; background:rgba(78, 95, 221, .1) url(../images/icon-hot-line1.png) no-repeat 15px center;}
.top-index .hot-line{background-color: rgba(0, 0, 0, .2); background-image: url(../images/icon-hot-line.png); color: #fff;}
footer{background: #151922;}
.footer{max-width: 1200px;margin: 0 auto;}
.foot-top{padding: 25px 0;border-bottom: 1px solid rgba(255, 255, 255, .1);}
.foot-top-box{float: left;width: 25%;}
.foot-top-box img{width: 48px;vertical-align:top;float: left;margin-right: 10px;padding-top: 6px;}
.foot-top-box div p{font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;line-height: 30px;}
.foot-top-box div p:last-of-type{font-size: 14px;color: #999999;}
.foot-cnt{box-sizing: border-box;padding: 25px 0;}
.foot-tel{font-size: 16px;color: #FFFFFF;line-height: 30px;}
.foot-tel b{font-size: 18px;font-family: Arial;font-weight: bold;}
.foot-address{color: #999999;font-size: 12px;line-height: 20px;}
.foot-cnt-left{width: 25%;border-right: 1px solid rgba(238, 238, 238, .1);box-sizing: border-box;margin-right: 4%;}
.foot-cnt-left>a{font-size: 14px;color: #FFFFFF;display: block;width: 100px;height: 34px;line-height: 32px;border: 1px solid #EEEEEE;text-align: center;margin: 15px 0;}
.foot-wx{position: relative;width: 46px;}
.foot-wx img:first-of-type{width: 46px; border-radius: 999px; height: 46px; cursor: pointer; border: 1px solid rgba(255, 255, 255, .5);}
.foot-wx img:last-of-type{position: absolute;bottom: 0;right: -126px;width: 126px;display: none;z-index: 100;}
.foot-wx:hover img:last-of-type{display: block;}
.foot-cnt-right{width: 71%;}
.foot-cnt-right-ul{float: left;width: 15%;}
.foot-cnt-right-ul:first-of-type{width: 20%;}
.foot-cnt-right-ul a, .foot-cnt-right-ul span{font-size: 14px; color: #fff; line-height: 30px; opacity: 0.5; display: block;}
.foot-cnt-right-ul span{opacity: 1; cursor: default;}
.foot-cnt-right-ul a:hover{opacity: .8;}
.foot-cnt-right-right{width: 35%;float: right;}
.foot-cnt-right-right p{font-size: 16px;line-height: 30px;color: #FFFFFF;}
.foot-cnt-right-right p span{font-size: 12px;}
.foot-cnt-right-right input{height: 32px;border: 1px solid rgba(255, 255, 255, .1);color: #fff; line-height: 30px;background: none;width: 100%;margin-top: 12px;box-sizing: border-box;padding: 0 10px;}
.foot-cnt-right-right div{width: 80px;line-height: 32px;background: #4E5FDD;font-size: 14px;color: #FFFFFF;text-align: center;margin-top: 12px;}
.friendship{box-sizing: border-box;padding: 15px;border-top: 1px solid rgba(238, 238, 238, .1);border-bottom: 1px solid rgba(238, 238, 238, .1);font-size: 14px;line-height: 1.5;color: #FFFFFF;}
.friendship a{color: rgba(153, 153, 153, 1);margin-right: 10px;display: inline-block;}
.footer .prepare{text-align: center;font-size: 14px;font-family: Arial;font-weight: 400;color: #999999;line-height: 1.5;padding: 10px 0;}
.footer .prepare a{color: rgba(153, 153, 153, 1);margin-right: 10px;display: inline-block;}
.suspension{display:none;position: fixed; top: 50%; transform: translateY(-50%); right: 50px; width: 145px; z-index: 9;}
.suspension-cnt{width: 145px;background: linear-gradient(0deg, #4E5FDD 0%, #2E8FFB 100%);box-sizing: border-box;padding: 25px 0;}
.suspension-xian{width: 1px;height: 32px;background: #4E5FDD;margin: 0 auto;}
.suspension-hd{display: block;vertical-align: top;margin: 0 auto;width: 46px; cursor: pointer;}
.suspension-cnt .suspension-ewm{width: 110px;vertical-align: top;margin: 0 auto;display: block;}
.suspension-smwz{font-size: 14px;color: #FFFFFF;line-height: 44px;margin: 0 17px;}
.suspension .qq{margin: 0 17px;line-height: 35px;margin-top: 10px;height: 35px;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);text-align: center;font-size: 14px;text-align: center;color: #004685;}
.suspension .qq img{width: 19px;vertical-align: middle;margin-right: 5px;}
.suspension-zx{text-align: center;font-size: 12px;color: #FFFFFF;line-height: 24px;margin-top: 20px;}
.suspension-zx img{width: 18px;vertical-align: middle;margin-right: 5px;}
.suspension-zxtel{font-size: 16px;font-family: DIN;font-weight: bold;color: #FFFFFF;line-height: 24px;text-align: center;}
@media(min-width: 1200px) {
	.suspension{display:block;}
}
@media (max-width: 1440px) {
	.suspension{right: 10px;}
}
@media (max-width: 1199px) {
	.top .a{margin: 0 6px;}
	.top .sub-nav{left: -6px; right: -6px;}
	.footer{padding: 0 10px;box-sizing: border-box;}
}
@media (max-width: 991px) {
	.top, .top-index{position: fixed; z-index: 2; left: 0; right: 0; top: 0;}
	.top .nav{position: absolute; background-color: rgba(0, 0, 0, .8); transition: all 500ms; display: block; top: 0; left: -120vw; width: 100vw; height: 100vh;}
	.top .a{height: 50px; line-height: 50px;}
	.top .sub-nav{top: 50px}
	.top .nav-button{display: block; margin-left: 15px; width: 30px; height: 30px; overflow: hidden; position: relative; z-index: 3;}
	.top .nav-button span {width: 100%; left: 0; background: #4E5FDD; height: 3px; position: absolute; transition: all 500ms;}
	.top-index .nav-button span{background-color: #fff;}
	.top .nav-button .line1 {top: 0; transform: rotate(0); transform-origin: left top;}
	.top .nav-button .line2 {top: 14px;}
	.top .nav-button .line3 {bottom: 0; transform: rotate(0); transform-origin: left bottom;}
	.top .nav-button.on .line1 {width: 145px; transform: rotate(41deg);}
	.top .nav-button.on .line2 {left: -100%;}
	.top .nav-button.on .line3 {width: 145px; transform: rotate(-41deg);}
}
@media (max-width: 767px) {
	.foot-top,.foot-cnt-right .foot-cnt-right-ul,.foot-wx{display: none;}
	.foot-cnt-left, .foot-cnt-right, .foot-cnt-right-right{width: 100%;border-right: none;}
	.foot-cnt-left>a{width: 100%;}
	.foot-cnt-right-right div{width: 100%;}
}
@media (max-width: 415px) {
	.top{padding: 10px 0}
	.top .hot-line{display: none;}
	.foot-cnt-right-ul:first-of-type,.foot-cnt-right-ul{width: 50%;}
	.foot-cnt-right-ul:nth-of-type(2){height: 150px;}
}